<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>歌瑞森首页</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <script src="jquery.js" type="text/javascript"></script>

    <link rel="stylesheet" href="css/index.css">


</head>
<body>
<div class="page-group">
    <div class="page page-current">
        <header>
            <div class="top" style="z-index:999">
                <img src="images/1.png">
                <input placeholder="照相打印机" />
                <div class="img"><img src="images/search3.png" /> </div>
                <div class="more"><a href="#"><img src="images/more%20.png" /></a></div>
            </div>
        </header>
        <nav class="bar bar-tab">
            <ul>
                <li><img src="images/11.png" id="home"/><p>首页</p></li>
                <li><img src="images/22.png" id="class1"/><p>分类</p></li>
                <li><img src="images/33.png" id="car"/><p>购物车</p></li>
                <li><img src="images/44.png" id="my"/><p>我的</p></li>
            </ul>
        </nav>
        <!-- 你的html代码 -->
        <!--<div class="content infinite-scroll infinite-scroll-bottom" data-distance="100">-->
            <!--<div class="list-block">-->
                <!--<div class="list-container">-->


        <div class="content">

            <div class="banner"><img src="images/banner.png" /></div>
            <div class="nav clearfix">
                <div class="fl icon">
                    <div class="pic"><img src="images/img1.png" /></div>
                    <div class="text">歌瑞超市</div>
                </div>
                <div class="fl icon">
                    <div class="pic"><img src="images/img2.png" /></div>
                    <div class="text">歌瑞服饰</div>
                </div>
                <div class="fl icon">
                    <div class="pic"><img src="images/img3.png" /></div>
                    <div class="text">歌瑞美妆</div>
                </div>
                <div class="fl icon">
                    <div class="pic"><img src="images/img4.png" /></div>
                    <div class="text">歌瑞蔬果</div>
                </div>
                <div class="fl icon">
                    <div class="pic"><img src="images/img5.png" /></div>
                    <div class="text">一路到家</div>
                </div>
                <div class="fl icon">
                    <div class="pic"><img src="images/img6.png" /></div>
                    <div class="text">充值</div>
                </div>
                <div class="fl icon">
                    <div class="pic"><img src="images/imgg7.png" /></div>
                    <div class="text">优惠卷</div>
                </div>
                <div class="fl icon">
                    <div class="pic"><img src="images/img8.png" /></div>
                    <div class="text">签到</div>
                </div>
                <div class="fl icon">
                    <div class="pic"><img src="images/img9.png" /></div>
                    <div class="text">会员 </div>
                </div>
                <div class="fl icon">
                    <div class="pic"><img src="images/img10.png" /></div>
                    <div class="text">分类</div>
                </div>
            </div>
            <div id="d1">
                <div id="loading"><img src="images/img1.gif" style="width:3rem"></div>
            </div>
            <div class="all">
                <div id="productList" class="clearfix"></div>
                <div onclick="toTop()" style="position:fixed;right:0.3rem;bottom:4rem;background:white">回到顶部</div>
            </div>
        </div>
        <div id="loading2" style="text-align:center;height:1rem;display:none;">
            <img style="vertical-align: middle;width:1rem" src="images/img.gif" />正在加载...
        </div>

    </div>


</div>
    </div>
</div>



<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>

<script src="js/index.js"></script>

</body>
</html>
